<template>
  <div>
    <h2>用户页面，没有什么东西呦</h2>
    <div class="user">你好，用户:{{ userTel }}</div>
    <span @click="handleExit" class="exit">退出登录</span>
  </div>
</template>


<script lang="ts" setup>
import { useRouter } from 'vue-router';
import { ref } from 'vue'

const router = useRouter()


const userTel = ref(sessionStorage.getItem('user'))


// 当用户没有登录时，直接跳转到登录页面，反之则跳转到用户界面
if (!sessionStorage.getItem('token')) {
  router.push('/login/login')
}

// 退出登录
const handleExit = () => {
  sessionStorage.removeItem('token')

  // 清空用户手机号码
  sessionStorage.removeItem('user')
  router.push('/login/login')

}



</script>

<style scoped lang="scss">
.user {
  color: red;
}

.exit {
  background-color: rgb(135, 172, 216);

}
</style>